<!DOCTYPE html>
<html lang="zh-CN">
    <head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    	<script type="text/javascript" src="${path }/resources/js/jquery-1.9.1.min.js"></script>
    	<script type="text/javascript" src="${path }/resources/js/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    	<link href="${path }/resources/js/bootstrap-3.3.5-dist/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    	<link href="${path }/resources/css/phone.css" type="text/css" rel="stylesheet">
    </head>
    <body>
    	<div class="content">
    		<div th:each="menu : ${menus}">
    		 <div th:text="${menu.menuName}"></div>
    		</div>
    	</div>
    
    </body>
    <script type="text/javascript">
    (function(win, doc) {

		function change() {
			var cWidth = document.body.clientWidth || doc.documentElement.clientWidth;
			doc.documentElement.style.fontSize = cWidth * 100 / 750 + 'px';
		}
		change();
		win.addEventListener('resize', change, false);
        
	})(window, document);
    </script>
</html>